<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head th:replace="public::head('规范数据导入')">
</head>
<body>
<div th:replace="top::top"></div>
<div class="container-fluid">
    <div id="Jiaohulist" >

        <div class="primary-title">
            规范落实数据导入
        </div>

        <div class="primary-content" >
            <!-- 已采集统计区 -->
            <div class="tongji" style="overflow: hidden;">
                <div class="row yicaiji" style="margin-top: 10px;float: left;margin-left: 3%">
                    <div class="tjtitle" style="color:#b2dba1;vertical-align: middle;text-align: center;">
                        系统规范证明数据的总数量
                    </div>

                    <div class="">
                        <p class="weibang" style="line-height: 100px;text-align: center;color: red;font-size: 50px;" v-text="allnum"></p>
                    </div>

                </div>

                <div class="row yicaiji" style="margin-top: 10px;float: right;margin-right: 3%">
                    <div class="tjtitle" style="color: #e45f4cd9;vertical-align: middle;text-align: center;">
                      未上传证明材料的规范数据数量
                    </div>

                    <div class="" style="">
                        <p class="yibang" style="line-height: 100px;text-align: center;color: #b2dba1;font-size: 50px;" v-text="weishangchuannum"></p>
                    </div>

                </div>
                <div class="row yicaiji" style="margin-top: 10px;float: right;margin-right: 3%">
                    <div class="tjtitle" style="color:  #e45f4cd9;vertical-align: middle;text-align: center;">
                        干部退出的规范数据数量
                    </div>

                    <div class="" style="">
                        <p class="yibang" style="line-height: 100px;text-align: center;color: #b2dba1;font-size: 50px;" v-text="ganbutuichunum"></p>
                    </div>

                </div>

                <div class="row yicaiji" style="margin-top: 10px;float: left;margin-left: 3%">
                    <div class="tjtitle" style="color:#b2dba1;vertical-align: middle;text-align: center;">
                        退出经商办的规范数据数量
                    </div>

                    <div class="">
                        <p class="weibang" style="line-height: 100px;text-align: center;color: red;font-size: 50px;" v-text="jiashutuichunum"></p>
                    </div>

                </div>

            </div>
            <!-- 按钮操作区 -->
            <div style="padding-top: 35px;text-align: center;padding-bottom: 30px;">

                <button style="margin-right: 45px;" class="btn btn-lg btn-success" @click="toAdd()" >导入规范落实数据</button>
<!--                <button  class="btn btn-lg btn-info" @click="toDaochu()" >导出规范落实数据</button>-->

            </div>

        </div>

        <div id="UploadModal" style="" class="modal fade bs-example-modal-lg"
             tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog" style="width: 650px">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"
                                aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">导入汇总数据</h4>

                    </div>
                    <div class="modal-body" style="overflow: auto;">
                        <div style="width: 600px; margin: 0 auto; margin-top: 15px">
                            <form class="form-horizontal col-sm-12" role="form">
                                <div class="form-group">
                                    <label class="col-sm-3 control-label">
                                        文件路径
                                    </label>
                                    <div class="col-sm-6">
                                        <input type="text" class="form-control" id="jsonurl">
                                    </div>
                                    <div id="container" class="col-sm-2">
                                        <input type="button" class="btn btn-success"
                                               value="浏览"  id="pickfiles">
                                    </div>

                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">

                                    </label>
                                    <div class="col-sm-8">
                                        <div id="filelist"></div>
                                    </div>
                                    <!--<div id="UploadedFiles"></div>-->
                                </div>

                                <div class="form-group">
                                    <div class="col-sm-12" style="text-align: center;">
                                        <input type="button" class="btn btn-success"
                                               value="导入" v-on:click="Daoru()">
                                        <input type="button" class="btn btn-warning"
                                               value="关闭" v-on:click="closeModal()">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.modal -->
        </div>
    </div>
</div>
<div th:replace="bottom::bottom"></div>
</body>

<script src="../js/guifanqingkuang/guifandaorudaochu.js?ver=0.1"></script>
<script src="../js/plupload/plupload.js"></script>
<script src="../js/plupload/plupload.full.js"></script>
<script src="../js/upload_json.js?ver=1.0"></script>
<link href="../css/main.css?ver=1.0" rel="stylesheet" type="text/css"></link>
<link href="../css/dashboard.css?ver=1.1" rel="stylesheet" type="text/css"></link>
<link rel="stylesheet" href="../css/xadmin.css?ver=0.6">

<script>

    $(function(){
        InitUpLoader();
    });

</script>
<style>

    .div_tongji{
        height: 120px;
        /*border: 2px solid #eee;*/
        border-radius: 4px;
        text-align: center;
        font-size: 26px;
        padding: 15px;
    }
    .yicaiji{
        width: 46%;
        height: 170px;
        border: 2px solid #eee;
        margin: 0 auto;
    }
    .tjtitle{
        height: 50px;
        line-height: 50px;
        background-color:rgba(0,0,0,.03);
        border-bottom:1px solid rgba(0,0,0,.125);
        font-size: 26px;
        padding-left: 20px;
    }
    select {

        width: auto;
        padding: 0 2%;
        margin: 0;

    }
    option{

        text-align:center;

    }
    .shuliang{
        color: green;
    }
    .div_tongji{
        line-height: 50px;
    }
</style>

</html>